﻿<div ng-controller="indexController" style="text-align:center ;float: left;" class="app-content-body app-body wrapper-md ng-scope "  >
    <div  class="col-sm-12 dataTables_wrapper form-ho rizontal dt-bootstrap wrapper_div">
        <!--<div class="col-sm-12 filter-block">-->
        <div class="col-sm-3 ">
            <div class="form-group">
                <label class=" col-sm-5 control-label">病人ID：</label>
                <div class="col-sm-6">
                    <input class="sick-input" type="text" ng-disabled="loseo" ng-model="searchdata.patientid"  class="form-control" >
                    </input>
                </div>
            </div>

        </div>
        <div class="col-sm-9">
        <div class="col-sm-5 name-div">
            <div class="form-group">
                <label class="col col-sm-5 control-label">姓名：</label>
                <div class="col-sm-6">
                    <input type="text" placeholder="" id="searchName" class="form-control" ng-model="searchdata.PatName">
                </div>
            </div>
        </div>
        <div class="col-sm-3 sex">

            <div class="form-group">
                <label class="col col-sm-4 control-label">性别：</label>
                <div class="col-sm-8">
                   <span class="man-span" ng-class="{'select':selectm}" ng-click="selectm=true;selectw=false"> <input type="radio" ng-model="searchdata.SympEndDatetime" name="sex"></span><span>男</span> <span class="w-span" ng-class="{'select':selectw}" ng-click="selectm=false;selectw=true"><input type="radio" class="g" name="sex"></span><span>女</span>

                </div>
            </div>


        </div>

        <div class=" col-sm-4" >
            <div class="form-group">
                <label class="col-sm-4 control-label">出生日期：</label>
                <div class="col-sm-8" ng-controller="DatepickerCtrl">
                    <div class="input-group birth-data">
                        <!--w-sm-->
                        <input type="text" class="form-control " datepicker-popup="{{format}}" ng-model="searchdata.DiagDatetime" is-open="opened" datepicker-options="dateOptions" ng-required="true" current-text="今天" clear-text="清除" close-text="关闭" ng-change="issueDateChange()" readonly />
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        </div>
        <div class=" col-sm-3" style="margin-top: 5px" >
            <div class="form-group">
                <label class="col-sm-5 control-label">申请单号：</label>
                <div class="col-sm-6" >

                        <!--w-sm-->
                        <input class="check-input" ng-model="searchdata.GenderCode" ng-disabled="loset" type="text" placeholder="" id="searfchName" class="form-control" ng-model="searchData.name">


                </div>
            </div>
        </div>
        <div class="col-sm-9  data" style="height: 30px">
        <div class="col-sm-5" >
            <div class="form-group">
                <label class="col-sm-5 control-label">开单日期：</label>
                <div class="col-sm-6" ng-controller="DatepickerCtrl">
                    <div class="input-group">
                        <!--w-sm-->
                        <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="searchdata.SympStartDatetime" is-open="opened" datepicker-options="dateOptions" ng-required="true" current-text="今天" clear-text="清除" close-text="关闭" ng-change="issueDateChange()" readonly />
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                        </span>
                    </div>
                </div>
            </div>
        </div>
            <div class="col-sm-1" style="position: relative;right: 15px">-</div>
            <div class="col-sm-4" ng-controller="DatepickerCtrl">
                <div class="input-group data-left">
                    <!--w-sm-->
                    <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="searchdata.SympEndDatetime" is-open="opened" datepicker-options="dateOptions" ng-required="true" current-text="今天" clear-text="清除" close-text="关闭" ng-change="issueDateChange()" readonly />
                    <span class="input-group-btn">
                            <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                        </span>
                </div>
            </div>
        <!--<div class="col-sm-4 " ng-if="show">-->
        <!--<span class="col-sm-1">-</span>-->
        <!--<div class="col-sm-3">-->
        <!---->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="col-sm-1 pull-right">-->
        <!--<a  class="up" ng-class="{'down':show}" ng-click="show=!show"></a>-->
        <!--</div>-->
        <div class="col-sm-1 pull-right search" ng-class="{'searchbtns':show}">
            <a id="search"   ng-click="search()" class="searchbtn " >
            </a>
        </div>
        <!--</div>-->
        </div>
    </div>
    <div id="divs" class="col-sm-12  form-ho rizontal dt-bootstrap middle-div " style="padding: 0">
        <div class="col-sm-12" style="height: 30px">
            <div class="xiangqing-div pull-left">申请单详情</div><ul class="pull-right middle-ul"><li ng-class="{'selected':ones}" ng-click="ones=true;twos=false;threes=false">全部</li><li ng-class="{'selected':twos}" ng-click="ones=false;twos=true;threes=false">已预约</li><li ng-class="{'selected':threes}" ng-click="ones=false;twos=false;threes=true">未预约</li></ul>
        </div>
        <div class="col-sm-12">
            <!--wrapper-md-->
            <div class="panel panel-default grid-panel">
                <!--<div class="panel-heading">
                    DataTables
                </div>-->
                <div class=" table-responsive">
                    <!--<table id="table_dictsystem"-->
                           <!--ui-table="dtOptions"-->
                           <!--aa-data="dtData"-->
                           <!--table-control="myTable"-->
                           <!--ao-column-defs="columnDefs"-->
                           <!--fn-row-callback="rowCallback"-->
                           <!--class="table table-striped table-hovers m-b-none">-->
                        <!--<thead >-->
                        <!--<tr >-->
                            <!--<th >全选</th>-->
                            <!--<th >序号</th>-->
                            <!--<th >申请单号</th>-->
                            <!--<th >检查类型</th>-->
                            <!--<th >检查项目</th>-->
                            <!--<th >预约时间</th>-->
                            <!--<th >费别</th>-->
                            <!--&lt;!&ndash;<th style="width:20%">申请医生</th>&ndash;&gt;-->
                            <!--&lt;!&ndash;<th style="width:10%">申请科室</th>&ndash;&gt;-->
                            <!--&lt;!&ndash;<th style="width:10%">申请日期</th>&ndash;&gt;-->
                            <!--&lt;!&ndash;<th style="width:20%">来源</th>&ndash;&gt;-->
                        <!--</tr>-->
                        <!--</thead>-->
                    <!--</table>-->
                    <table ng-cloak id="example" class="display">
                        <thead>
                        <tr>
                            <th><div class="th-div"><input type="checkbox" id="employeeCheckAll"></div></th>
                            <th>序号</th>
                            <th>申请单号</th>
                            <th>检查类型</th>
                            <th>检查项目</th>
                            <th>预约时间</th>
                            <th>费别</th>
                            <th>申请医生</th>
                            <th>申请科室</th>
                            <th>申请日期</th>
                            <th>来源</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="lunbo" style="width: 100%;clear: both;position: relative">
        <div class="rili" style="width: 100%">
        <div class="col-sm-11 col-md-11 col-lg-11"   id="paginator-start-end"></div><div ng-class="{'selected':showing}" ng-click="showings=!showings;showing=!showing;choosed=0" class="fen  col-sm-1 col-md-1 col-lg-1" style=""></div>
        </div>
        <div class="fenzu-ul" style="width: 100%"><button  ng-disabled="m.num==m.all" ng-class="{'selecte':selecte==$index}"  ng-click="selected($index)" class="col-sm-{{mm}} col-md-{{mm}} col-lg-{{mm}}" ng-repeat="m in fenzu"><div><span class="num-span">{{m.num==m.all?"满":m.num}}</span><span class="time-span">{{m.time}}</span><br><span class="all-span">总<strong class="b">{{m.all}}</strong></span></div></button></div>
        <div ng-if="showings" class="fenzu-ultwos" style="width: 100%;padding-left:0">未分组</div>
        <!--<div ng-if="showing" class="fenzu-ultwo" style="width: 100%;padding-left:0"><li ng-class="{'selected':one}" ng-click="one=true;two=false;three=false" class="col-sm-4 col-md-4 col-lg-4">分组一</li><li ng-class="{'selected':two}" ng-click="one=false;two=true;three=false" class="col-sm-4 col-md-4 col-lg-4">分组二</li><li ng-class="{'selected':three}" ng-click="one=false;two=false;three=true" class="col-sm-4 col-md-4 col-lg-4">分组三</li></div>-->
        <div ng-if="showing" class="fenzu-ultwo" style="width: 100%;padding-left:0"><li ng-repeat="m in fenzus" style="float: left;display: inline-block;width: -webkit-calc(100%/{{fenzus.length}});width: calc(100%/{{fenzus.length}})" ng-class="{'selected':choosed==$index}"  ng-click="choose($index)" >分组{{m.id}}</li></div>
    </div>
    <div class="footer-div" style="clear: both"><span class="pull-left">你已选择</span>
        <span class="col-sm-2 col-md-2 col-lg-2">{{s}}</span><span class="col-sm-2 col-md-2 col-lg-2">{{s}}</span><span class="col-sm-2 col-md-2 col-lg-2">{{s}}</span><span class="col-sm-2 col-md-2 col-lg-2">{{s}}</span><span class="col-sm-2 col-md-2 col-lg-2">{{s}}</span><span class="pull-right col-sm-1" style="background-color: #2e96ef;color: white;border-radius: 4px">预约</span></div>
</div>